﻿<!DOCTYPE html>
<html>
  <head>
    <title>用户资料卡 User Card</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/用户资料卡_user_card/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/用户资料卡_user_card/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u12748" class="ax_default _默认样式">
        <div id="u12748_div" class=""></div>
      </div>

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u12750" class="ax_default" data-label="背景">
        <div id="u12750_state0" class="panel_state" data-label="State1" style="">
          <div id="u12750_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u12751" class="ax_default" data-label="线条">
        <div id="u12751_state0" class="panel_state" data-label="State1" style="">
          <div id="u12751_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12752" class="ax_default _默认样式">
        <div id="u12752_div" class=""></div>
        <div id="u12752_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12753" class="ax_default _默认样式">
        <div id="u12753_div" class=""></div>
        <div id="u12753_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12754" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="90">

        <!-- Unnamed (Rectangle) -->
        <div id="u12755" class="ax_default _默认样式">
          <div id="u12755_div" class=""></div>
          <div id="u12755_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">下面为几组常用的用户资料卡片，方便快速复用，可根据需要调整元件的风格及内容。</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12756" class="ax_default _默认样式">
          <div id="u12756_div" class=""></div>
          <div id="u12756_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12757" class="ax_default" data-left="420" data-top="275" data-width="301" data-height="450">

        <!-- Unnamed (Group) -->
        <div id="u12758" class="ax_default" data-left="420" data-top="275" data-width="301" data-height="450">

          <!-- Unnamed (Rectangle) -->
          <div id="u12759" class="ax_default _默认样式">
            <div id="u12759_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12760" class="ax_default _默认样式">
            <div id="u12760_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12761" class="ax_default _默认样式">
            <div id="u12761_div" class=""></div>
            <div id="u12761_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12762" class="ax_default _默认样式">
            <img id="u12762_img" class="img " src="images/用户资料卡_user_card/u12762.png"/>
            <div id="u12762_text" class="text ">
              <p style="font-size:14px;line-height:36px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">小黑黑</span></p><p style="font-size:12px;line-height:24px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;color:#999999;">来自深圳的80后巨蟹座大虾</span></p><p style="font-size:12px;line-height:24px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;color:#999999;">2011-03-30 加入</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12763" class="ax_default _默认样式">
            <div id="u12763_div" class=""></div>
            <div id="u12763_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12764" class="ax_default _默认样式">
            <div id="u12764_div" class=""></div>
            <div id="u12764_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12765" class="ax_default _默认样式">
            <div id="u12765_div" class=""></div>
            <div id="u12765_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12766" class="ax_default _默认样式">
            <div id="u12766_div" class=""></div>
            <div id="u12766_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12767" class="ax_default _默认样式">
            <div id="u12767_div" class=""></div>
            <div id="u12767_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12768" class="ax_default _默认样式">
            <div id="u12768_div" class=""></div>
            <div id="u12768_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12769" class="ax_default _默认样式">
            <div id="u12769_div" class=""></div>
            <div id="u12769_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12770" class="ax_default _默认样式">
            <div id="u12770_div" class=""></div>
            <div id="u12770_text" class="text ">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12771" class="ax_default _默认样式">
            <img id="u12771_img" class="img " src="images/用户资料卡_user_card/u12771.png"/>
            <div id="u12771_text" class="text ">
              <p><span>最近来访</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12772" class="ax_default _默认样式">
            <img id="u12772_img" class="img " src="images/用户资料卡_user_card/u12772.png"/>
            <div id="u12772_text" class="text ">
              <p><span>333</span></p><p><span style="color:#999999;">关注</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12773" class="ax_default _默认样式">
            <img id="u12773_img" class="img " src="images/用户资料卡_user_card/u12772.png"/>
            <div id="u12773_text" class="text ">
              <p><span>666</span></p><p><span style="color:#999999;">粉丝</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12774" class="ax_default _默认样式">
            <img id="u12774_img" class="img " src="images/用户资料卡_user_card/u12774.png"/>
            <div id="u12774_text" class="text ">
              <p><span>999</span></p><p><span style="color:#999999;">分享</span></p>
            </div>
          </div>

          <!-- Unnamed (Horizontal Line) -->
          <div id="u12775" class="ax_default _默认样式">
            <img id="u12775_img" class="img " src="images/用户资料卡_user_card/u12775.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u12776" class="ax_default _默认样式">
            <img id="u12776_img" class="img " src="images/用户资料卡_user_card/u12776.png"/>
            <div id="u12776_text" class="text ">
              <p><span>&nbsp;累计播放歌曲：100000</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12777" class="ax_default" data-left="60" data-top="275" data-width="301" data-height="450">

        <!-- Unnamed (Rectangle) -->
        <div id="u12778" class="ax_default _默认样式">
          <div id="u12778_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12779" class="ax_default _默认样式">
          <img id="u12779_img" class="img " src="images/用户资料卡_user_card/u12772.png"/>
          <div id="u12779_text" class="text ">
            <p><span>333</span></p><p><span style="color:#999999;">关注</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12780" class="ax_default _默认样式">
          <div id="u12780_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12781" class="ax_default _默认样式">
          <div id="u12781_div" class=""></div>
          <div id="u12781_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12782" class="ax_default _默认样式">
          <img id="u12782_img" class="img " src="images/用户资料卡_user_card/u12772.png"/>
          <div id="u12782_text" class="text ">
            <p><span>666</span></p><p><span style="color:#999999;">粉丝</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12783" class="ax_default _默认样式">
          <img id="u12783_img" class="img " src="images/用户资料卡_user_card/u12772.png"/>
          <div id="u12783_text" class="text ">
            <p><span>999</span></p><p><span style="color:#999999;">微博</span><span style="color:#CCCCCC;"> </span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12784" class="ax_default _默认样式">
          <img id="u12784_img" class="img " src="images/用户资料卡_user_card/u12784.png"/>
          <div id="u12784_text" class="text ">
            <p style="font-size:14px;line-height:36px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">小黑黑</span></p><p style="font-size:14px;line-height:20px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;font-size:12px;color:#999999;">&nbsp;不随大流，不刻意前卫，不标新立异，不局限，不颓废，很积极，很难得。</span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;"> </span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12785" class="ax_default _默认样式">
          <div id="u12785_div" class=""></div>
          <div id="u12785_text" class="text ">
            <p><span>关注</span></p>
          </div>
        </div>
      </div>

      <!-- 气泡卡片 (Dynamic Panel) -->
      <div id="u12786" class="ax_default" data-label="气泡卡片">
        <div id="u12786_state0" class="panel_state" data-label="State1" style="">
          <div id="u12786_state0_content" class="panel_state_content">

            <!-- Unnamed (Speech Bubble) -->
            <div id="u12787" class="ax_default _默认样式">
              <img id="u12787_img" class="img " src="images/用户资料卡_user_card/u12787.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12788" class="ax_default _默认样式">
              <div id="u12788_div" class=""></div>
              <div id="u12788_text" class="text ">
                <p><span>关注</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12789" class="ax_default _默认样式">
              <div id="u12789_div" class=""></div>
              <div id="u12789_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12790" class="ax_default _默认样式">
              <div id="u12790_div" class=""></div>
              <div id="u12790_text" class="text ">
                <p style="font-size:12px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;color:#999999;">作品</span></p><p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">111</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12791" class="ax_default _默认样式">
              <div id="u12791_div" class=""></div>
              <div id="u12791_text" class="text ">
                <p style="font-size:12px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;color:#999999;">粉丝</span></p><p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">222</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12792" class="ax_default _默认样式">
              <div id="u12792_div" class=""></div>
              <div id="u12792_text" class="text ">
                <p style="font-size:12px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;color:#999999;">关注</span></p><p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">333</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12793" class="ax_default _默认样式">
              <div id="u12793_div" class=""></div>
              <div id="u12793_text" class="text ">
                <p><span>私信</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12794" class="ax_default _默认样式">
              <img id="u12794_img" class="img " src="images/用户资料卡_user_card/u12794.png"/>
              <div id="u12794_text" class="text ">
                <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">小黑黑</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;color:#999999;">上海/产品经理</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12795" class="ax_default" data-left="790" data-top="274" data-width="300" data-height="321">

        <!-- Unnamed (Rectangle) -->
        <div id="u12796" class="ax_default _默认样式">
          <div id="u12796_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12797" class="ax_default _默认样式">
          <img id="u12797_img" class="img " src="images/用户资料卡_user_card/u12797.png"/>
          <div id="u12797_text" class="text ">
            <p><span style="color:#999999;">原创</span></p><p><span>111</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12798" class="ax_default _默认样式">
          <div id="u12798_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12799" class="ax_default _默认样式">
          <img id="u12799_img" class="img " src="images/用户资料卡_user_card/u12797.png"/>
          <div id="u12799_text" class="text ">
            <p><span style="color:#999999;">粉丝</span></p><p><span>222</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12800" class="ax_default _默认样式">
          <img id="u12800_img" class="img " src="images/用户资料卡_user_card/u12797.png"/>
          <div id="u12800_text" class="text ">
            <p><span style="color:#999999;">喜欢</span></p><p><span>333</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12801" class="ax_default _默认样式">
          <div id="u12801_div" class=""></div>
          <div id="u12801_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12802" class="ax_default _默认样式">
          <img id="u12802_img" class="img " src="images/用户资料卡_user_card/u12802.png"/>
          <div id="u12802_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">小黑黑</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;color:#999999;">2011-03-30 加入</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12803" class="ax_default _默认样式">
          <img id="u12803_img" class="img " src="images/用户资料卡_user_card/u12797.png"/>
          <div id="u12803_text" class="text ">
            <p><span style="color:#999999;">评论</span></p><p><span>444</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u12804" class="ax_default _默认样式">
          <img id="u12804_img" class="img " src="images/用户资料卡_user_card/u12804.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12805" class="ax_default _默认样式">
          <div id="u12805_div" class=""></div>
          <div id="u12805_text" class="text ">
            <p><span>关注</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12806" class="ax_default _默认样式">
          <img id="u12806_img" class="img " src="images/用户资料卡_user_card/u12806.png"/>
          <div id="u12806_text" class="text ">
            <p><span>等级：10</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12807" class="ax_default _默认样式">
          <img id="u12807_img" class="img " src="images/用户资料卡_user_card/u12806.png"/>
          <div id="u12807_text" class="text ">
            <p><span>积分：1000</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12808" class="ax_default _默认样式">
          <img id="u12808_img" class="img " src="images/用户资料卡_user_card/u12806.png"/>
          <div id="u12808_text" class="text ">
            <p><span>访问：3000</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12809" class="ax_default _默认样式">
          <img id="u12809_img" class="img " src="images/用户资料卡_user_card/u12806.png"/>
          <div id="u12809_text" class="text ">
            <p><span>排名：1000+</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u12811" class="ax_default _默认样式">
        <img id="u12811_img" class="img " src="images/___icons/u605.png"/>
        <div id="u12811_text" class="text ">
          <p><span>Copyright © </span><a id="u12812" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- 气泡卡片 (Dynamic Panel) -->
      <div id="u12813" class="ax_default" data-label="气泡卡片">
        <div id="u12813_state0" class="panel_state" data-label="State1" style="">
          <div id="u12813_state0_content" class="panel_state_content">

            <!-- Unnamed (Shape) -->
            <div id="u12814" class="ax_default _默认样式">
              <img id="u12814_img" class="img " src="images/用户资料卡_user_card/u12814.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12815" class="ax_default _默认样式">
              <div id="u12815_div" class=""></div>
              <div id="u12815_text" class="text ">
                <p><span>关注</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12816" class="ax_default _默认样式">
              <div id="u12816_div" class=""></div>
              <div id="u12816_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12817" class="ax_default _默认样式">
              <div id="u12817_div" class=""></div>
              <div id="u12817_text" class="text ">
                <p style="font-size:12px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;color:#999999;">作品</span></p><p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">111</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12818" class="ax_default _默认样式">
              <div id="u12818_div" class=""></div>
              <div id="u12818_text" class="text ">
                <p style="font-size:12px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;color:#999999;">粉丝</span></p><p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">222</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12819" class="ax_default _默认样式">
              <div id="u12819_div" class=""></div>
              <div id="u12819_text" class="text ">
                <p style="font-size:12px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;color:#999999;">关注</span></p><p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">333</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12820" class="ax_default _默认样式">
              <div id="u12820_div" class=""></div>
              <div id="u12820_text" class="text ">
                <p><span>私信</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12821" class="ax_default _默认样式">
              <img id="u12821_img" class="img " src="images/用户资料卡_user_card/u12821.png"/>
              <div id="u12821_text" class="text ">
                <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">小黑黑</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;color:#999999;">上海/产品经理</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12822" class="ax_default" data-left="790" data-top="605" data-width="300" data-height="120">

        <!-- Unnamed (Rectangle) -->
        <div id="u12823" class="ax_default _默认样式">
          <div id="u12823_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12824" class="ax_default _默认样式">
          <div id="u12824_div" class=""></div>
          <div id="u12824_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12825" class="ax_default _默认样式">
          <img id="u12825_img" class="img " src="images/用户资料卡_user_card/u12802.png"/>
          <div id="u12825_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">小黑黑</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;color:#999999;">2011-03-30 加入</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12826" class="ax_default _默认样式">
          <div id="u12826_div" class=""></div>
          <div id="u12826_text" class="text ">
            <p><span>关注</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12827" class="ax_default" data-left="310" data-top="768" data-width="780" data-height="360">

        <!-- Unnamed (Rectangle) -->
        <div id="u12828" class="ax_default _默认样式">
          <div id="u12828_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12829" class="ax_default _默认样式">
          <div id="u12829_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12830" class="ax_default _默认样式">
          <div id="u12830_div" class=""></div>
          <div id="u12830_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12831" class="ax_default _默认样式">
          <img id="u12831_img" class="img " src="images/用户资料卡_user_card/u12772.png"/>
          <div id="u12831_text" class="text ">
            <p><span>666</span></p><p><span style="color:#999999;">原创</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12832" class="ax_default _默认样式">
          <img id="u12832_img" class="img " src="images/用户资料卡_user_card/u12772.png"/>
          <div id="u12832_text" class="text ">
            <p><span>999</span></p><p><span style="color:#999999;">粉丝</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12833" class="ax_default _默认样式">
          <div id="u12833_div" class=""></div>
          <div id="u12833_text" class="text ">
            <p><span>关注</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12834" class="ax_default _默认样式">
          <img id="u12834_img" class="img " src="images/用户资料卡_user_card/u12772.png"/>
          <div id="u12834_text" class="text ">
            <p><span>666</span></p><p><span style="color:#999999;">喜欢</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12835" class="ax_default _默认样式">
          <img id="u12835_img" class="img " src="images/用户资料卡_user_card/u12772.png"/>
          <div id="u12835_text" class="text ">
            <p><span>999</span></p><p><span style="color:#999999;">评论</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12836" class="ax_default _默认样式">
          <div id="u12836_div" class=""></div>
          <div id="u12836_text" class="text ">
            <p><span>私信</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12837" class="ax_default _默认样式">
          <img id="u12837_img" class="img " src="images/用户资料卡_user_card/u12837.png"/>
          <div id="u12837_text" class="text ">
            <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">小黑黑</span></p><p><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;color:#999999;">上海/产品经理</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12838" class="ax_default" data-left="310" data-top="1168" data-width="780" data-height="200">

        <!-- Unnamed (Rectangle) -->
        <div id="u12839" class="ax_default _默认样式">
          <div id="u12839_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12840" class="ax_default _默认样式">
          <div id="u12840_div" class=""></div>
          <div id="u12840_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12841" class="ax_default _默认样式">
          <img id="u12841_img" class="img " src="images/用户资料卡_user_card/u12841.png"/>
          <div id="u12841_text" class="text ">
            <p><span style="color:#999999;">原创</span></p><p><span>111</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12842" class="ax_default _默认样式">
          <img id="u12842_img" class="img " src="images/用户资料卡_user_card/u12841.png"/>
          <div id="u12842_text" class="text ">
            <p><span style="color:#999999;">粉丝</span></p><p><span>222</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12843" class="ax_default _默认样式">
          <img id="u12843_img" class="img " src="images/用户资料卡_user_card/u12841.png"/>
          <div id="u12843_text" class="text ">
            <p><span style="color:#999999;">喜欢</span></p><p><span>333</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12844" class="ax_default _默认样式">
          <img id="u12844_img" class="img " src="images/用户资料卡_user_card/u12844.png"/>
          <div id="u12844_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">小黑黑</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;color:#999999;">2011-03-30 加入</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12845" class="ax_default _默认样式">
          <img id="u12845_img" class="img " src="images/用户资料卡_user_card/u12841.png"/>
          <div id="u12845_text" class="text ">
            <p><span style="color:#999999;">评论</span></p><p><span>444</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u12846" class="ax_default _默认样式">
          <img id="u12846_img" class="img " src="images/用户资料卡_user_card/u12846.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12847" class="ax_default _默认样式">
          <img id="u12847_img" class="img " src="images/用户资料卡_user_card/u12806.png"/>
          <div id="u12847_text" class="text ">
            <p><span>年龄：18</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12848" class="ax_default _默认样式">
          <img id="u12848_img" class="img " src="images/用户资料卡_user_card/u12806.png"/>
          <div id="u12848_text" class="text ">
            <p><span>爱好：Sleep</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12849" class="ax_default _默认样式">
          <img id="u12849_img" class="img " src="images/用户资料卡_user_card/u12806.png"/>
          <div id="u12849_text" class="text ">
            <p><span>性别：男</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12850" class="ax_default _默认样式">
          <img id="u12850_img" class="img " src="images/用户资料卡_user_card/u12806.png"/>
          <div id="u12850_text" class="text ">
            <p><span>地区：上海</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12851" class="ax_default _默认样式">
          <div id="u12851_div" class=""></div>
          <div id="u12851_text" class="text ">
            <p><span>关注</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12852" class="ax_default _默认样式">
          <div id="u12852_div" class=""></div>
          <div id="u12852_text" class="text ">
            <p><span>私信</span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
